<!--
 * @Author: 刘翔
 * @Date: 2025-07-31 09:30:22
 * @LastEditTime: 2025-08-06 11:02:14
 * @LastEditors: 刘翔
 * @Description:卡片
 * @FilePath: \建达文件\ts-demo\ts-demo\src\pptHome\components\cardBox.vue
-->
<template>
  <div class="card-box-container">
    <div class="card-box-left">
      <slot name="left"></slot>
    </div>
    <div class="card-box-right">
      <slot name="right"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CardBox',
};
</script>

<style lang="less" scoped>
.card-box-container {
  margin: 10px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff2ca;
  border-radius: 24px;
  border: 1px solid #000;
  .card-box-left {
  }
  .card-box-right {
  }
}
</style>
